import { memo } from "react"
import type { IconProps } from "@tabler/icons-react"

const IconCalendar = memo(({ color }: IconProps) => {
	return (
		<svg
			xmlns="http://www.w3.org/2000/svg"
			width="16"
			height="16"
			viewBox="0 0 16 16"
			fill="none"
		>
			<path
				fillRule="evenodd"
				clipRule="evenodd"
				d="M2.66666 13.334V5.33398H13.3333V13.334H2.66666ZM1.33333 2.66732C1.33333 1.93094 1.93028 1.33398 2.66666 1.33398H13.3333C14.0697 1.33398 14.6667 1.93094 14.6667 2.66732V13.334C14.6667 14.0704 14.0697 14.6673 13.3333 14.6673H2.66666C1.93028 14.6673 1.33333 14.0704 1.33333 13.334V2.66732ZM3.99999 7.00065C3.99999 6.81656 4.14923 6.66732 4.33333 6.66732H5.66666C5.85076 6.66732 6 6.81656 6 7.00065V8.33398C6 8.51808 5.85076 8.66732 5.66666 8.66732H4.33333C4.14923 8.66732 3.99999 8.51808 3.99999 8.33398V7.00065ZM4.33333 10.0007C4.14923 10.0007 3.99999 10.1499 3.99999 10.334V11.6673C3.99999 11.8514 4.14923 12.0007 4.33333 12.0007H5.66666C5.85076 12.0007 6 11.8514 6 11.6673V10.334C6 10.1499 5.85076 10.0007 5.66666 10.0007H4.33333ZM7 7.00065C7 6.81656 7.14923 6.66732 7.33333 6.66732H8.66666C8.85076 6.66732 9 6.81656 9 7.00065V8.33398C9 8.51808 8.85076 8.66732 8.66666 8.66732H7.33333C7.14923 8.66732 7 8.51808 7 8.33398V7.00065ZM7.33333 10.0007C7.14923 10.0007 7 10.1499 7 10.334V11.6673C7 11.8514 7.14923 12.0007 7.33333 12.0007H8.66666C8.85076 12.0007 9 11.8514 9 11.6673V10.334C9 10.1499 8.85076 10.0007 8.66666 10.0007H7.33333ZM10 7.00065C10 6.81656 10.1492 6.66732 10.3333 6.66732H11.6667C11.8508 6.66732 12 6.81656 12 7.00065V8.33398C12 8.51808 11.8508 8.66732 11.6667 8.66732H10.3333C10.1492 8.66732 10 8.51808 10 8.33398V7.00065ZM10.3333 10.0007C10.1492 10.0007 10 10.1499 10 10.334V11.6673C10 11.8514 10.1492 12.0007 10.3333 12.0007H11.6667C11.8508 12.0007 12 11.8514 12 11.6673V10.334C12 10.1499 11.8508 10.0007 11.6667 10.0007H10.3333Z"
				fill={color ?? "currentColor"}
				fillOpacity="0.6"
			/>
		</svg>
	)
})

export default IconCalendar
